<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <title>新闻中心</title>
    <script>
      // 初始化函数，设置初始的viewport
      function setInitialScale() {
        var viewport = document.querySelector('meta[name="viewport"]');
        var scale = window.innerWidth / 1920;
        viewport.setAttribute(
          "content",
          `width=device-width, initial-scale=${scale.toFixed(
            1
          )}, maximum-scale=1.0, user-scalable=no`
        );
      }

      // 页面加载时设置一次
      window.addEventListener("DOMContentLoaded", setInitialScale);

      // 窗口大小变化时重新设置
      window.addEventListener("resize", setInitialScale);
    </script>

    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/swiper-bundle.min.css" />
    <link rel="stylesheet" href="newscenter.css" />
    <link rel="stylesheet" href="common.css" />
    <link rel="stylesheet" href="reset.css" />
  </head>

  <body>
    <!-- 顶部 -->
    <div
      id="app"
      class="container-lg container-md container-sm container-xl container"
    >
      <div class="header d-flex justify-content-between">
        <div class="header-left">
          <div class="header-left-icon">
            <img class="logo" src="static/logo.png" alt="" />
          </div>
        </div>
        <div
          class="header-menus d-flex align-items-center justify-content-between"
        >
          <div class="menu-item">
            <div class="menu-item-name"><a href="index.html">首页</a></div>
          </div>
          <div class="menu-item">
            <div class="menu-item-name"><a href="product.html">产品</a></div>
          </div>
          <div class="menu-item">
            <div class="menu-item-name"><a href="server.html">服务</a></div>
          </div>
          <div class="menu-item active">
            <div class="menu-item-name"><a href="">新闻中心</a></div>
          </div>
          <div class="menu-item">
            <div class="menu-item-name"><a href="about.html">关于我们</a></div>
          </div>
        </div>
        <div class="header-right d-flex flex-column">
          <div class="top d-flex align-items-center">
            <img src="static/headfoot/phone.png" alt="" />
            <span>联系电话</span>
          </div>
          <div class="phone">176-2800-2002</div>
        </div>
      </div>
    </div>

    <div class="index-top">
      <div
        class="container-lg container-md container-sm container-xl container"
      >
        <div class="top1">新闻中心</div>
      </div>
    </div>
    <div class="news-list">
      <div class="row gx-5">
        <div class="col-4">
          <div class="news-item">
            <a href="news.html">
              <img src="static/newscenter/Rectangle 15@2x.png" alt="" />
              <div class="news-centent">
                <div class="news-title">选择行业软件定制开发企业的标准</div>
                <div class="news-desc">
                  大型软件管理系统实施过程中需要极强的企业管理水平、人员素质已经经费等各种问题，所以导致很多先进、开源的国外规范的软件管理...
                </div>
                <div class="readall">
                  <div>2024.03.10</div>
                  <a href="news.html">阅读全文</a>
                </div>
              </div>
            </a>
          </div>
        </div>
        <div class="col-4">
          <div class="news-item">
            <a href="news.html">
              <img src="static/newscenter/Rectangle 15@2x(1).png" alt="" />
              <div class="news-centent">
                <div class="news-title">选择行业软件定制开发企业的标准</div>
                <div class="news-desc">
                  大型软件管理系统实施过程中需要极强的企业管理水平、人员素质已经经费等各种问题，所以导致很多先进、开源的国外规范的软件管理...
                </div>
                <div class="readall">
                  <div>2024.03.10</div>
                  <a href="news.html">阅读全文</a>
                </div>
              </div>
            </a>
          </div>
        </div>
        <div class="col-4">
          <div class="news-item">
            <a href="news.html">
              <img src="static/newscenter/Rectangle 15@2x(2).png" alt="" />
              <div class="news-centent">
                <div class="news-title">选择行业软件定制开发企业的标准</div>
                <div class="news-desc">
                  大型软件管理系统实施过程中需要极强的企业管理水平、人员素质已经经费等各种问题，所以导致很多先进、开源的国外规范的软件管理...
                </div>
                <div class="readall">
                  <div>2024.03.10</div>
                  <a href="news.html">阅读全文</a>
                </div>
              </div>
            </a>
          </div>
        </div>
        <div class="col-4">
          <div class="news-item">
            <a href="news.html">
              <img src="static/newscenter/Rectangle 15@2x(3).png" alt="" />
              <div class="news-centent">
                <div class="news-title">选择行业软件定制开发企业的标准</div>
                <div class="news-desc">
                  大型软件管理系统实施过程中需要极强的企业管理水平、人员素质已经经费等各种问题，所以导致很多先进、开源的国外规范的软件管理...
                </div>
                <div class="readall">
                  <div>2024.03.10</div>
                  <a href="news.html">阅读全文</a>
                </div>
              </div>
            </a>
          </div>
        </div>
        <div class="col-4">
          <div class="news-item">
            <a href="news.html">
              <img src="static/newscenter/Rectangle 15@2x(4).png" alt="" />
              <div class="news-centent">
                <div class="news-title">选择行业软件定制开发企业的标准</div>
                <div class="news-desc">
                  大型软件管理系统实施过程中需要极强的企业管理水平、人员素质已经经费等各种问题，所以导致很多先进、开源的国外规范的软件管理...
                </div>
                <div class="readall">
                  <div>2024.03.10</div>
                  <a href="news.html">阅读全文</a>
                </div>
              </div>
            </a>
          </div>
        </div>
        <div class="col-4">
          <div class="news-item">
            <a href="news.html">
              <img src="static/newscenter/Rectangle 15@2x(5).png" alt="" />
              <div class="news-centent">
                <div class="news-title">选择行业软件定制开发企业的标准</div>
                <div class="news-desc">
                  大型软件管理系统实施过程中需要极强的企业管理水平、人员素质已经经费等各种问题，所以导致很多先进、开源的国外规范的软件管理...
                </div>
                <div class="readall">
                  <div>2024.03.10</div>
                  <a href="news.html">阅读全文</a>
                </div>
              </div>
            </a>
          </div>
        </div>
      </div>

      <ul class="mypagenation">
        <li class="mypage">
          <img src="static/product/Search Box@2x.png" alt="" />
        </li>
        <li class="mypage"><a href="">1</a></li>
        <li class="mypage"><a href="">2</a></li>
        <li class="mypage"><a href="">3</a></li>
        <li class="mypage"><a href="">...</a></li>
        <li class="mypage"><a href="">20</a></li>
        <li class="mypage">
          <img src="static/product/Search Box@2x(1).png" alt="" />
        </li>
      </ul>
    </div>
    <!-- 底部 -->
    <div class="foot-view">
      <div
        class="container-lg container-md container-sm container-xl container flex"
        style="height: 100%; justify-content: space-between"
      >
        <div class="left">
          <div class="comany">青岛山工河谷光电科技有限公司</div>
          <div class="msg flex">
            <div>
              <div class="flex">
                <img src="static//headfoot/i@2x.png" alt="" />
                <div>032-56667605</div>
              </div>
              <div class="flex rows">
                <img src="static//headfoot/Vector@2x.png" class="qq" alt="" />
                <div>075-32232312</div>
              </div>
            </div>
            <div>
              <div class="flex">
                <img src="static//headfoot/i@2x (1).png" alt="" />
                <div>13595623232</div>
              </div>
              <div class="flex rows">
                <img src="static//headfoot/i@2x (4).png" alt="" />
                <div>shijiazhuangyihui.com</div>
              </div>
            </div>
            <div>
              <div class="flex">
                <img src="static//headfoot/i@2x (2).png" alt="" />
                <div>ICP备案16659522</div>
              </div>
              <div class="flex rows">
                <img src="static//headfoot/i@2x (3).png" alt="" />
                <div>青岛山工河谷光电科技有限公司</div>
              </div>
            </div>
          </div>
        </div>
        <div class="right">
          <img src="static//headfoot/ercode.png" alt="" />
          <div>扫码加微信</div>
        </div>
      </div>
    </div>

    <script src="./js/jquery.min.js"></script>
  </body>
</html>
